<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <meta name="viewport" content="width=device-width,user-scalable=no,
    initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,">
    <link rel="stylesheet" href="./css/normalize.css">
    <link rel="stylesheet" href="./css/index1.css">
</head>
<body>
    <header>
        <ul>
            <li>
                <img src="./images/close.png" alt="">
            </li>
            <li>
                <img src="./images/logo.png" alt="">
            </li>
            <li>
                打开京东APP，实惠又轻松
            </li>
            <li>
                立即打开
            </li>
        </ul>
    </header>
    <div class="search-wrap">
        <div class="search-btn"></div>
        <div class="search">
            <div class="jd-icon"></div>
            <div class="sou"></div>
        </div>
        <div class="search-login">登录</div>
    </div>
    <div class="slider-bg"></div>
    <div class="main-content">
        <div class="slider">
            <img src="./upload/slider.jpg" alt="">
        </div>
        <div class="brand">
            <div>
                <img src="./upload/brand-left.jpg" alt="">
            </div>
            <div>
                <img src="./upload/brand-center.jpg" alt="">
            </div>
            <div>
                <img src="./upload/brand-right.jpg" alt="">
            </div>
        </div>
        <nav>
            <a href="#">
                <img src="./upload/nav1.png" alt="">
                <span>京东超市</span>
            </a>
            <a href="#">
                <img src="./upload/nav2.png" alt="">
                <span>京东超市</span>
            </a>
            <a href="#">
                <img src="./upload/nav3.png" alt="">
                <span>京东超市</span>
            </a>
            <a href="#">
                <img src="./upload/nav4.png" alt="">
                <span>京东超市</span>
            </a>
            <a href="#">
                <img src="./upload/nav5.png" alt="">
                <span>京东超市</span>
            </a>
            <a href="#">
                <img src="./upload/nav6.png" alt="">
                <span>京东超市</span>
            </a>
            <a href="#">
                <img src="./upload/nav7.png" alt="">
                <span>京东超市</span>
            </a>
            <a href="#">
                <img src="./upload/nav8.png" alt="">
                <span>京东超市</span>
            </a>
            <a href="#">
                <img src="./upload/nav9.png" alt="">
                <span>京东超市</span>
            </a>
            <a href="#">
                <img src="./upload/nav10.png" alt="">
                <span>京东超市</span>
            </a>
        </nav>
        <div class="seckill">
            <div class="sec-title">
                <span class="title">京东秒杀</span>
                <span class="time">16</span>
                <div class="clock">
                    <span class="remain">01</span>
                    <span class="dot">:</span>
                    <span class="remain">51</span>
                    <span class="dot">:</span>
                    <span class="remain">10</span>
                </div>
                <div class="to-arrow"></div>
            </div>
            <div class="sec-content">
                <a href="#">
                    <img src="./upload/kill1.jpg" alt="">
                    <span>￥4998</span>
                </a>
                <a href="#">
                    <img src="./upload/kill2.jpg" alt="">
                    <span>￥12.4</span>
                </a>
                <a href="#">
                    <img src="./upload/kill3.jpg" alt="">
                    <span>￥1998</span>
                </a>
                <a href="#">
                    <img src="./upload/kill4.jpg" alt="">
                    <span>￥68</span>
                </a>
                <a href="#">
                    <img src="./upload/kill5.jpg" alt="">
                    <span>￥4998</span>
                </a>
                <a href="#">
                    <img src="./upload/kill6.jpg" alt="">
                    <span>￥4998</span>
                </a>
            </div>
        </div>
        <div class="commodity">
            <div class="left-commodity">
                <div class="item-comm">
                    <a href="#">
                        <img src="./upload/comm1.webp" alt="">
                        <div class="detail">
                            <div class="com-name">小仙炖鲜炖燕窝 星光款70g系列 燕窝即食 孕...</div>
                            <div class="tip">买贵双倍赔</div>
                            <div class="price">1720.</div>
                            <div class="price-pro">00</div>
                            <div class="comm-similar">
                                <div class="comm-num">5万+条评论</div>
                                <div class="sim-btn">看相似</div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="item-comm">
                    <a href="#">
                        <img src="./upload/comm3.webp" alt="">
                        <div class="detail">
                            <div class="com-name">小仙炖鲜炖燕窝 星光款70g系列 燕窝即食 孕...</div>
                            <div class="price">1720.</div>
                            <div class="price-pro">00</div>
                            <div class="comm-similar">
                                <div class="comm-num">5万+条评论</div>
                                <div class="sim-btn">看相似</div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="item-comm">
                    <a href="#">
                        <img src="./upload/comm1.webp" alt="">
                        <div class="detail">
                            <div class="com-name">
                                <img src="./upload/item-icon.png" alt="" class="icon">
                                小仙炖鲜炖燕窝 星光款70g系列 燕窝...
                            </div>
                            <div class="tip1">90天最低价</div>
                            <div class="price">175.</div>
                            <div class="price-pro">90</div>
                            <div class="comm-similar">
                                <div class="comm-num">100%好评率</div>
                                <div class="sim-btn">看相似</div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="item-comm">
                    <a href="#">
                        <img src="./upload/comm3.webp" alt="">
                        <div class="detail">
                            <div class="com-name">小仙炖鲜炖燕窝 星光款70g系列 燕窝即食 孕...</div>
                            <div class="tip">买贵双倍赔</div>
                            <div class="price">1720.</div>
                            <div class="price-pro">00</div>
                            <div class="comm-similar">
                                <div class="comm-num">5万+条评论</div>
                                <div class="sim-btn">看相似</div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="item-comm">
                    <a href="#">
                        <img src="./upload/comm1.webp" alt="">
                        <div class="detail">
                            <div class="com-name">小仙炖鲜炖燕窝 星光款70g系列 燕窝即食 孕...</div>
                            <div class="price">1720.</div>
                            <div class="price-pro">00</div>
                            <div class="comm-similar">
                                <div class="comm-num">5万+条评论</div>
                                <div class="sim-btn">看相似</div>
                            </div>
                        </div>
                    </a>
                </div>

            </div>
            <div class="right-commodity">
                <div class="item-comm">
                    <a href="#">
                        <img src="./upload/comm2.webp" alt="">
                        <div class="detail">
                            <div class="com-name">
                                <img src="./upload/item-icon.png" alt="" class="icon">
                                小仙炖鲜炖燕窝 星光款70g系列 燕窝...
                            </div>
                            <div class="price">175.</div>
                            <div class="price-pro">90</div>
                            <div class="comm-similar">
                                <div class="comm-num">100%好评率</div>
                                <div class="sim-btn">看相似</div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="item-comm">
                    <a href="#">
                        <img src="./upload/comm4.webp" alt="">
                        <div class="detail">
                            <div class="com-name">
                                <img src="./upload/item-icon.png" alt="" class="icon">
                                小仙炖鲜炖燕窝 星光款70g系列 燕窝...
                            </div>
                            <div class="tip1">90天最低价</div>
                            <div class="price">175.</div>
                            <div class="price-pro">90</div>
                            <div class="comm-similar">
                                <div class="comm-num">100%好评率</div>
                                <div class="sim-btn">看相似</div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="item-comm">
                    <a href="#">
                        <img src="./upload/comm2.webp" alt="">
                        <div class="detail">
                            <div class="com-name">
                                <img src="./upload/item-icon.png" alt="" class="icon">
                                小仙炖鲜炖燕窝 星光款70g系列 燕窝...
                            </div>
                            <div class="price">175.</div>
                            <div class="price-pro">90</div>
                            <div class="comm-similar">
                                <div class="comm-num">100%好评率</div>
                                <div class="sim-btn">看相似</div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="item-comm">
                    <a href="#">
                        <img src="./upload/comm4.webp" alt="">
                        <div class="detail">
                            <div class="com-name">小仙炖鲜炖燕窝 星光款70g系列 燕窝即食 孕...</div>
                            <div class="tip">买贵双倍赔</div>
                            <div class="price">1720.</div>
                            <div class="price-pro">00</div>
                            <div class="comm-similar">
                                <div class="comm-num">5万+条评论</div>
                                <div class="sim-btn">看相似</div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="item-comm">
                    <a href="#">
                        <img src="./upload/comm2.webp" alt="">
                        <div class="detail">
                            <div class="com-name">
                                <img src="./upload/item-icon.png" alt="" class="icon">
                                小仙炖鲜炖燕窝 星光款70g系列 燕窝...
                            </div>
                            <div class="tip1">90天最低价</div>
                            <div class="price">175.</div>
                            <div class="price-pro">90</div>
                            <div class="comm-similar">
                                <div class="comm-num">100%好评率</div>
                                <div class="sim-btn">看相似</div>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </div>
</body>
</html>
